<%--
  Created by IntelliJ IDEA.
  User: 陈俊雄
  Date: 2018/2/5
  Time: 21:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse animated fadeInLeft">
        <ul side-navigation class="nav metismenu" id="side-menu">
            <%--<li class="nav-header">
                <div class="profile-element" uib-dropdown>
                    <img alt="image" class="img-circle" src="img/profile_small.jpg"/>
                    <a uib-dropdown-toggle href>
                            <span class="clear">
                                <span class="block m-t-xs">
                                    <strong class="font-bold">David Williams</strong>
                                </span>
                                <span class="text-muted text-xs block">Art Director <b class="caret"></b></span>
                            </span>
                    </a>
                    <ul uib-dropdown-menu class="animated fadeInRight m-t-xs">
                        <li><a ui-sref="app.profile">Profile</a></li>
                        <li><a ui-sref="app.contacts">Contacts</a></li>
                        <li><a ui-sref="mailbox.inbox">Mailbox</a></li>
                        <li class="divider"></li>
                        <li><a ui-sref="logins">Logout</a></li>
                    </ul>
                </div>
                <div class="logo-element">
                    IN+
                </div>
            </li>--%>
            <li class="nav-header">
                <div class="profile-element" uib-dropdown>
                    <h2><strong style="color: #b7c2ce">后台管理中心</strong></h2>
                </div>
                <div class="logo-element">
                    IN+
                </div>
            </li>
            <li ui-sref-active="active">
                <a ui-sref="base_view.home.home_page">
                    <i class="fa fa-home"></i>
                    <span class="nav-label">{{ 'HOME' | translate }}</span>
                </a>
            </li>
            <li ng-repeat="x in menuList" ng-class="{active: $state.includes(x.stateName)}">
                <a href="">
                    <i class="{{x.iconFont}}"></i>
                    <span class="nav-label">{{x.name | replace : menuRegexp : '' | translate}}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes(x.stateName)}">
                    <li ui-sref-active="active" ng-repeat="y in x.submenu">
                        <a ui-sref="{{y.stateName}}">{{y.name | replace : menuRegexp : '' | translate}}</a>
                    </li>
                </ul>
            </li>
            <%--<li ng-class="{active: $state.includes('base_view.trans')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'TRANS' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.trans')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.trans.trans_info">{{ 'TRANS_INFO' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.trans.trans_change">{{ 'TRANS_CHANGE' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.risk_monitor')}">
                <a href="">
                    <i class="fa fa-eye"></i>
                    <span class="nav-label">{{ 'RISK_MONITOR' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.risk_monitor')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk_monitor.refused_statistics">{{ 'REFUSED_STATISTICS' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.bank_area')}">
                <a href="">
                    <i class="fa fa-credit-card"></i>
                    <span class="nav-label">{{ 'BANK_AREA' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.bank_area')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.bank_area.acquirer_account">{{ 'ACQUIRER_ACCOUNT' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.bank_area.acquirer">{{ 'ACQUIRER' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.bank_area.acquirer_bank">{{ 'ACQUIRER_BANK' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.user')}">
                <a href="">
                    <i class="fa fa-address-card"></i>
                    <span class="nav-label">{{ 'USER' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.user')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.user.user_mgmt">{{ 'USER_MGMT' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.user.role_mgmt">{{ 'ROLE_MGMT' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.system_settings')}">
                <a href="">
                    <i class="fa fa-gears"></i>
                    <span class="nav-label">{{ 'SETTINGS' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.system_settings')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.system_settings.constantlist">{{ 'CONSTANT' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.system_settings.system_log">{{ 'SYSTEM_LOG' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.exchangeRateSection')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'EXCHANGERATE_SECTION' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.exchangeRateSection')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.exchangeRateSection.tradeRateList">{{ 'TRADE_RATE' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.exchangeRateSection.transferRateList">{{ 'TRANSFER_RATE' | translate }}</a>
                    </li>
                     <li ui-sref-active="active">
                        <a ui-sref="base_view.exchangeRateSection.channelRateList">{{ 'CHANNEL_RATE' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.business')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'MERCHANT_INFORMATION' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.business')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.business.merchant_mgmt">{{ 'MERCHANT_MGMT' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.business.merchant_web_site">{{ 'MERCHANT_WEB_SITE' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.business.merchant_website_pro_type">{{ 'MERCHANT_WEBSITE_PRO_TYPE' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.business.businessMoney">{{ 'MERCHANT_BALANCE' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.business.quick_test">{{ 'QUICK_TEST' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.businessRecon')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'REPORT_CENTER' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.businessRecon')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.businessRecon.report">{{ 'REPORT_STATISTICS' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.financialSection')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'FINANCIAL_SECTION' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.financialSection')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.financialSection.refundlist">{{ 'REFUND_QUERY' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.financialSection.protestlist">{{ 'PROTEST_QUERY' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.financialSection.transferlist">{{ 'TRANSFER_QUERY' | translate }}</a>
                    </li>
                </ul>
            </li>
            <li ng-class="{active: $state.includes('base_view.riskAnalysis')}">
                <a href="">
                    <i class="fa fa-list-alt"></i>
                    <span class="nav-label">{{ 'RISK_ANALYSIS' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.riskAnalysis')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.riskAnalysis.orderTrack">{{ 'RISK_TRACK' | translate }}</a>
                    </li>
                </ul>
            </li>
            <!--风控专区模块-->
            <li ng-class="{active: $state.includes('base_view.risk')}">
                <a href="">
                    <i class="fa fa-sitemap"></i>
                    <span class="nav-label">{{ 'RISK' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.risk')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.indefinitely">{{ 'INDEFINITELY' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.limit">{{ 'LIMIT' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.refused">{{ 'REFUSED' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.outer">{{ 'OUTER' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.blackcard">{{ 'BLACKCARD' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.business">{{ 'BUSINESS' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.risk.issuers">{{ 'ISSUERS' | translate }}</a>
                    </li>
                </ul>
            </li>
            <!-- 运营专区模块 -->
            <li ng-class="{active: $state.includes('base_view.operation')}">
                <a href="">
                    <i class="fa fa-sitemap"></i>
                    <span class="nav-label">{{ 'OPERATION' | translate }}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('base_view.operation')}">
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.operation.abnormal">{{ 'ABNORMAL' | translate }}</a>
                    </li>
                    <li ui-sref-active="active">
                        <a ui-sref="base_view.operation.withdrawal">{{ 'WITHDRAWAL' | translate }}</a>
                    </li>
                </ul>
            </li>

            <li>
                <a href=""><i class="fa fa-sitemap"></i> <span
                        class="nav-label">{{ 'MENULEVELS' | translate }}</span><span class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li>
                        <a href="">Third Level <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li>
                                <a href="">Third Level Item</a>
                            </li>
                            <li>
                                <a href="">Third Level Item</a>
                            </li>
                            <li>
                                <a href="">Third Level Item</a>
                            </li>

                        </ul>
                    </li>
                    <li><a href="">Second Level Item</a></li>
                    <li>
                        <a href="">Second Level Item</a></li>
                    <li>
                        <a href="">Second Level Item</a></li>
                </ul>
            </li>--%>
        </ul>
    </div>
</nav>